    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Tit绑定解绑le</title>
        <script src="../jquery-3.4.1.js"></script>
        <style>
            .box{
                width: 100px;
                height: 199px;
                background: #3bfff6;
                border: 1px solid #000;
            }
        </style>

    </head>
    <body>
      <div class="box"></div>
      <input type="text"  class="inpt">
      <script>
          // 在这里总共有四种绑定 普通点式，delegate（父盒子绑定子元素），bind（可以绑定多个事件），on（可以绑定多个，还可以传参）
          $(function () {
              $(document).on("click mouseover",".box",function () {
                    alert("我是on绑定的两个动作 click与mouseover！")
              });
              $(document).off("mouseover click");
              $('.inpt').on("keyup",function (e) {
                    alert(e.keyCode);
                    console.log("222");
              })
          })
      </script>
    </body>
    </html>